{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/png" href="{% static 'img/1.png' %}">
    {% block title %}

    {% endblock %}

    <!-- CSS引入 -->
    <link rel="stylesheet" href="{% static 'plugins/fontawesome-free-6.4.0-web/css/all.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/layout_index.css' %}">
    {% block css %}

    {% endblock %}

</head>
<body>
<!-- 黑色顶部导航栏 -->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="title-header">
            <img src="{% static '/img/0.png' %}" alt="logo" class="navbar-logo">
            <a class="navbar-brand" href="/index/">学生信息管理系统</a>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    欢迎您，{{ user.username|default:'admin' }} <span class="glyphicon glyphicon-user"></span> <span
                        class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="{% url 'change_password' %}">修改密码</a></li>
                    <li class="divider"></li>
                    <li><a href="{% url 'logout' %}"><span class="glyphicon glyphicon-off"></span> 退出登录</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>
<div class="container-fluid main-bg">
    <div class="row">
        <!-- 侧边栏 -->
        <div class="col-md-2 sidebar">
            <ul class="nav nav-pills nav-stacked">
                <li class="menu-title">
                    <i class="fa-solid fa-house"></i> 首页
                </li>
                <li class="sidebar-item">
                    <a href="/index/">
                        <i class="fa-solid fa-house"></i> 首页
                    </a>
                </li>

                <li class="menu-title">
                    <i class="fa-solid fa-folder-tree"></i> 信息管理 <!-- 信息树图标 -->
                </li>
                <li class="sidebar-item">
                    <a href="{% url 'user_hub' %}">
                        <i class="fa-solid fa-user-shield"></i> 管理员信息 <!-- 盾牌用户图标 -->
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="{% url 'grade_list' %}">
                        <i class="fa-solid fa-building-columns"></i> 年级信息 <!-- 学院建筑图标 -->
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="{% url 'class_list' %}">
                        <i class="fa-solid fa-graduation-cap"></i> 班级信息 <!-- 学位帽图标 -->
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="{% url 'stu_list' %}">
                        <i class="fa-solid fa-users-line"></i> 学生信息 <!-- 用户队列图标 -->
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="#">
                        <i class="fa-solid fa-screwdriver-wrench"></i> 开发中... <!-- 工具图标 -->
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="{% url 'layout' %}">
                        <i class="fa-solid fa-hammer"></i> 开发中... <!-- 锤子图标 -->
                    </a>
                </li>

                <li class="menu-title">
                    <i class="fa-solid fa-id-card"></i> 个人信息 <!-- 证件图标 -->
                </li>
                <li class="sidebar-item">
                    <a href="{% url 'change_password' %}">
                        <i class="fa-solid fa-key"></i> 修改密码 <!-- 钥匙图标 -->
                    </a>
                </li>

                <li class="menu-title">
                    <i class="fa-solid fa-arrow-right-from-bracket"></i> 退出登录 <!-- 退出箭头图标 -->
                </li>
                <li class="sidebar-item">
                    <a href="{% url 'logout' %}">
                        <i class="fa-solid fa-power-off"></i> 退出登录 <!-- 电源开关图标 -->
                    </a>
                </li>
            </ul>
        </div>
        <!-- 主内容区 -->
        <div class="col-md-10 main-content-wrapper">
            <div class="main-content-box">
                {% block main_content %}

                {% endblock %}
            </div>
        </div>
    </div>
</div>
</body>

<script src="{% static 'plugins/jquery/jquery-3.7.1.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.3.7-dist/js/bootstrap.js' %}"></script>
{% block js %}{% endblock %}
</html>